<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>联系我们</title>

    <link rel="stylesheet" href="css/common.css" />
    <link rel="stylesheet" href="css/contact.css" />
</head>

<body>
    <!-- 顶部 -->
    <div class="top cf">
        <div class="touch container">
            <a href="#">欢迎来到HOUSE家居网！</a>
            <span class="email">
                <a href="#">1234567xxx@gmail.com</a>
            </span>
            <span class="tel">
                <a href="#">400-00-000xxx</a>
            </span>
        </div>
    </div>
    <!-- 导航 -->
    <nav class="container cf">
        <a href="#">
            <img src="images/logo.png" alt="">
        </a>
        <div class="rightnav cf">
            <a href="./index.html" target="_blank">首页</a>
            <a href="./about.html" target="_blank">关于我们</a>
            <a href="./product_det.html" target="_blank">产品中心</a>
            <a href="./news.html" target="_blank">新闻动态</a>
            <a href="./message.html" target="_blank">在线留言</a>
            <a href="./contact.html" target="_blank">联系我们</a>
        </div>
    </nav>
    <!-- 横幅 -->
    <div class="banner">
        <img src="images/banner5.jpg" alt="">
    </div>

    <!-- 产品展示 -->
    <div class="paging">
        <p class="container">
            <a href="./index.html" target="_blank">首页</a> &gt;&gt; 
            <a href="./contact.html" target="_blank">联系我们</a>
        </p>
    </div>
    <main class="product container cf">
        <h1><a href="./contact.html" target="_blank">联系我们</a></h1>
        <ul class="leftaside">
            <li>
                <a href="#">床上用品</a>
            </li>
            <li>
                <a href="#">家居饰品</a>
            </li>
            <li>
                <a href="#">厨房收纳</a>
            </li>
            <li>
                <a href="#">厨房餐饮</a>
            </li>
            <li>
                <a href="#">居家日用</a>
            </li>
            <li class="img"><img src="images/03_f0hi.jpg" alt=""/></li>
        </ul>
        <aside class="rightaside cf">
          <img src="images/map.jpg" alt="">
          <div class="cont">
            <p>联系人：陈先生</p>
            <p>咨询热线：400-000-xxxx   /  (021)-1234578xxx</p>
            <p>联系邮箱：12385963xxxx@gmail.com</p>
            <p>公司地址：中国上海市xxx区xxx路12号moumou大厦5层5xx室</p>
          </div>
        </aside>
    </main>
        <!-- 底部链接 -->
        <footer>
            <div class="container cf">
                <div class="address cf">
                    <a href="#"><img src="images/logo2.jpg" alt="" /></a>
                    <p><span class="add"></span>中国上海市xxx区xxx路12号moumou大厦5层5xx室</p>
                    <p><span class="contact"></span>400-000-xxxx / (021)-1234578xxx</p>
                    <p><span class="mail"></span>12385963xxxx@gmail.com</p>
                </div>
                <div class="links">
                    <h1><a href="#">快速链接</a></h1>
                    <ul>
                        <li>
                            <a href="./index.html" target="_blank">&gt;网站首页</a>
                        </li>
                        <li>
                            <a href="./about.html" target="_blank">&gt;关于我们</a>
                        </li>
                        <li>
                            <a href="./product_det.html" target="_blank">&gt;产品中心</a>
                        </li>
                        <li>
                            <a href="./news.html" target="_blank">&gt;新闻动态</a>
                        </li>
                        <li>
                            <a href="./message.html" target="_blank">&gt;在线留言</a>
                        </li>
                        <li>
                            <a href="./contact.html" target="_blank">&gt;联系我们</a>
                        </li>
                    </ul>
                </div>
                <form action="">
                    <h1><a href="#">站内搜索</a></h1>
                    <input type="text" placeholder="请输入关键字" />
                    <button type="submit">搜索</button>

                    <p>关于我们
                        <a href=""><img src="images/fenxiang.png" alt="" /></a>
                    </p>
                </form>
            </div>
        </footer>
        <div class="copyright">
            <p>Copyright &copy; 2009-2011,www.xxxxxx.com,All rights reserved 沪ICP备XXXXXX号 未经同意，不得转载</p>
        </div>
        
</body>

</html>